<template>
  <div class="bottom">
    <router-link to="/home"><i class="iconfont icon-shouye"></i><label>首页</label></router-link>
    <router-link to="/sort"><i class="iconfont icon-caidan"></i><label>分类</label></router-link>
    <router-link to="/car"><i class="iconfont icon-gouwuche"></i><label>购物车</label></router-link>
    <router-link to="/my"><i class="iconfont icon-wode"></i><label>我的</label></router-link>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.bottom {
  height: 0.5rem;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  border-top: 1px solid #f4f4f4;
  width: 100%;
  padding-top: 0.05rem;
  z-index: 1;
}
.bottom a {
  display: inline-block;
  width: 25%;
  float: left;
  font-size: 0.16rem;
}
.bottom label {
  display: block;
}
.bottom i {
  font-size: 0.22rem;
}
.active{
    color:#e0b556
}
</style>